<template>
	<div class="Tmain">
		<img src="../../../static/images/teacherMain1.png" @click="t1">
		<img src="../../../static/images/T2.png" @click="t2">
		<img src="../../../static/images/T4.png" @click="t3">
	</div>
</template>

<script>
	export default{
		name:'Tmain',
		data(){
			return {
				
			}
		},
		methods:{
			t1(){
				this.$router.push('/Policy')
			},
			t2(){
				this.$router.push('/studentManage')
			},
			t3(){
				this.$router.push('/task')
			},
		}
		
	}
</script>

<style scoped >
	img{
		height: 410px;
		width: 354px;
		margin-left: 10px;
		margin-right: 10px;
		border-radius:24px;
		transition: all .5s;
	}
	img:hover{
		box-shadow: 10px 10px 5px #ccc;
	}
	
	
</style>
